import Taro, {Component} from "@tarojs/taro";
import {View, Form, Image, Text, Input} from "@tarojs/components";

import './sendMessage.less'

import {getRuntime} from "../../utils/common";

class MineCard extends Component {
  constructor() {
    super()
  }

  state = {
    items: [1,2]
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '短信验证'})
  }

  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  submit() {}

  render() {
    return (
      <View className='send-message'>
        <View className='send-message__title'>请输入选项验证码</View>
        <View className='send-message__tip font-dark'>已发送至  <Text className='mobile'>147***8888</Text>  </View>

        <Form onSubmit={this.submit.bind(this)} className='code-form'>
          <Input className='num num-focus' focus={true} />
          <Input className='num' />
          <Input className='num' />
          <Input className='num' />
          <Input className='num' />
          <Input className='num' />
        </Form>

        <View className='time-interval color-theme f24' >50s后重发</View>
      </View>
    )
  }
}

export default MineCard
